<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link  rel="stylesheet" href="../../../base/plugins/layui-v2.4.3/layui/css/layui.css" media="all"/>
		
		<script type="text/javascript" src="../../../base/js/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript" src="../../../base/plugins/layui-v2.4.3/layui/layui.js" ></script>
		<script type="text/javascript" src="js/role.js"></script>
		
		
		<title>角色列表管理</title>
	</head>
	<style type="text/css">
		.user-top{
			/*border: 1px solid lawngreen;*/
			margin: 20px 20px 20px 20px;
		}
		.user-top div{
			/*border: 1px solid lawngreen;*/
		}
	</style>
	<body>
		<!--
        	作者：刘开新
        	时间：2018-09-18
        	描述：角色列表管理
		-->
			<blockquote class="site-text layui-elem-quote">
		   		<h3>角色列表管理</h3>
		    </blockquote>
			<div class="user-top">
				<div class="layui-row">
					<div class="layui-col-md2">
						<button class="layui-btn layui-btn-sm addRole">添加信息</button>
						<button class="layui-btn layui-btn-sm layui-btn-danger">批量删除</button>
					</div>
					<div class="layui-col-md5">
						<label>角色名称：</label>
						<div class="layui-input-inline">
							<input type="text" name="text" required lay-verify="required" placeholder="请输入角色名称" autocomplete="off" class="layui-input">
						</div>
						<a href="" class="layui-btn layui-btn-sm">搜索</a>
					</div>
				</div>
				
			<form class="layui-form" >
				<table class="layui-table" lay-size="sm">
					<colgroup>
					    <col width="30">
					    <col width="50">
					    <col width="100">
					    <col width="70">
					    <col width="100">
					    <col width="100">
					</colgroup>
				  <thead>
				    <tr>
				      	<th><input type="checkbox" lay-skin="primary"></th>
						<th>角色名称</th>
						<th>角色描述</th>
						<th>更新人</th>
						<th>更新时间</th>
						<th>操作</th>
				    </tr> 
				  </thead>
				  <tbody class="table_tbody">
				  </tbody>
				</table>
				<div id="table_page"></div>
			</form>

		</div>
	</body>
</html>
